<template>
  <div class="Apply_bj">
    <div class="flexC">
      <div class="flex">
        <ul class="Inv_ul flex AlignItemsC colorF font_s24  Bold">
          <li class="flexC JustifyContentFE flex2 textC cursor"><p>信访投诉(本月)</p></li>
        </ul>
      </div>
      <div class="flexC" style="padding:0rem 4.0625rem 2.25rem 4.0625rem;">
        <ul class="Inv_ula flex AlignItemsC JustifyContentC colorF font_s20  Bold" >
          <li class="flex2 textC">序号</li>
          <li class="flex3 textC">发现时间</li>
          <li class="flex3 textC">监管对象</li>
          <li class="flex5 textC">监管内容</li>
          <li class="flex5 textC">监管事项</li>
          <li class="flex2 textC">处置状态</li>
          <li class="flex3 textC">处置人</li>
          <li class="flex2 textC">处置完成时间</li>
          <li class="flex2 textC">处置结果</li>
        </ul>
        <div style="height: 54vh;" class="superviseList font_s18">
         <!-- <ul v-for="(item, index) in arr1" class="Inv_ulb flex colorF Bold textC" :key="'list' + index" v-if="category === 1">
           <li class="flex2 textC">{{ item.a }}</li>
            <li class="flex2 textC">{{ item.b }}</li>
            <li class="flex2 textC">{{ item.c }}</li>
            <li class="flex2 textC">{{ item.d }}</li>
            <li class="flex2 textC">{{ item.e }}</li>
            <li class="flex2 textC">{{ item.f }}</li>
            <li class="flex2 textC">{{ item.g }}</li>
            <li class="flex2 textC">{{ item.h }}</li>
          </ul> -->
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ComLfet',

  data () {
    return {
      category: 1,
      arr1: [
        {
          a: '20190713',
          b: '康浦护理站',
          c: '市民是上述地址的居民，是80多岁独居老人，腿骨折了，还是盲人，社区帮市民申请了长护险，市民称来看护的人服务很不好，态度恶劣，经常迟到，还拿市民的东西，',
          d: '12345工单',
          e: '处置完成',
          f: '张玉华',
          g: '20190713',
          h: '区医保中心相关工作人员分别电话联系了诉求人和康浦护理站。经过协商，护理部表示即日起为老人更换护理员。'
        },
        {
          a: '20190714',
          b: '海亿达',
          c: '市民来电反映：6月11号其申请了长护险，由海亿达公司为其提供服务，但其认为该公司所有的服务都不好，其想要更换被告知要先中止原来的，诉求：要求更换 。',
          d: '12345工单',
          e: '处置完成',
          f: '张玉华',
          g: '20190714',
          h: '区医保中心相关工作人员电话联系诉求人。在听取工作人员相关建议后，诉求人经与护理站联系，将在次日前往护理站办理相关转出手续。'
        },
        {
          a: '20190715',
          b: '评估中心',
          c: '6月25日左右市民已为其母亲吴顺芳申请了长护险，但至今未见有人上门评估。',
          d: '12345工单',
          e: '处置完成',
          f: '张玉华',
          g: '20190715',
          h: '2019年7月15日上午10：00，区医保中心相关工作人员分别电话联系了诉求人和浦东新区评估中心。在了解相关情况后，医保中心工作人员与评估中心协商，为老人安排次日上门评估。'
        },
        {
          a: '20190723',
          b: '上海恺邻服务站',
          c:
            '5月底市民到上述地址为家中老人申请长护险，被上海恺邻服务站接受，现在要把老人送到养老机构去，但服务站的人员范叔阳（手机号：13764261327 ）不愿意放归还老人的资料，导致无法办理养老机构手续。',
          d: '12345工单',
          e: '处置完成',
          f: '张玉华',
          g: '20190723',
          h: '区医保中心相关工作人员分别电话联系诉求人和上海恺邻护理站。经协商，护理站已及时为老人的信息做了转出。'
        },
        {
          a: '20190829',
          b: '上海广群护理站',
          c: '街镇反映问题比较严重',
          d: '街镇反映',
          e: '处置完成',
          f: '刘章',
          g: '20190829',
          h: '约谈'
        },
        {
          a: '20190828',
          b: '上海浦东孝缘社区服务中心',
          c: '街镇反映问题比较严重',
          d: '街镇反映',
          e: '处置完成',
          f: '刘章',
          g: '20190828',
          h: '约谈'
        },
        {
          a: '20190830',
          b: '上海寅汇健康健南护理站',
          c: '街镇反映问题比较严重',
          d: '街镇反映',
          e: '处置完成',
          f: '刘章',
          g: '20190830',
          h: '约谈'
        }

      ]
    }
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
.Apply_bj {
  width: 100%;
  height: 100%;
  .Inv_ul {
    width: 89.375rem;
    height: 4.375rem;
    color: rgba(255, 255, 255, 0.5);
    font-weight: bold;
    margin: 1.285rem auto 0.825rem;
  }
  .Inv_ula {
    width: 88.99rem;
    height: 4.375rem;
    font-weight: bold;
    border: 1px solid rgba(0, 255, 255, 1);
  }
  .Inv_ulb {
    font-weight: bold;
    width: 89.375rem;
    height: 3.75rem;
    overflow: hidden;
    li {
      padding: 1rem;
    }
  }
  .superviseList {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .superviseList::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background: rgba($color: #fff, $alpha: 0.6);
  }
  .superviseList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba($color: #fff, $alpha: 1);
  }
  .Inv_ulb:nth-child(even) {
    background: rgba(0, 255, 255, 0.1);
  }
  .category {
    color: #30dfff;
  }
}
</style>
